<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	  <!--头部三大标签  -->
	<title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
	<link rel="stylesheet" href="../css/common.css">
	<!-- icon 图标制作 -->
	<link rel="shortcut icon" href="../favicon.ico"  type="image/x-icon"/> 
	<!-- 引入css文件 -->
	<link rel="stylesheet" href="../css/common.css">
	<!-- 引入主题body css文件 -->
	<link rel="stylesheet" href="../css/base.css">
</head>
<body>
	<!-- shortcut start -->
	<div class="shortcut">
		<div class="w">
			<div class="shortcut-l"><!--快速导航栏左侧-->
			     <ul>
				    <li>品优购欢迎您!</li>
				    <li>
				       <a href="#" class="plase">请登录</a>
				       <a href="#" class="c8">免费注册</a>
				   </li>
			    </ul>
			</div>
		    <div class="shortcut-r fr"><!--快速导航栏右侧侧-->
		    	<ul>
		    		<li><a href="#">我的订单</a></li>
		    		<li class="place"></li>
		    		<li>
		    		   <a href="#">我的品优购 <i></i></a>
		    		</li>
                    <li class="place"></li>
		    		<li><a href="#">品优购会员</a></li>
		    		<li class="place"></li>
		    		<li><a href="#">企业采购</a></li>
		    		<li class="place"></li>
		    		<li>
		    		    <a href="#">关注品优购 <i></i></a>
		    		</li>
		    		<li class="place"></li>
		    		<li>
		    		    <a href="#">客户服务 <i></i></a>
		    		</li>
		    		<li class="place"></li>
		    		<li>
		    		    <a href="#">网站导航 <i></i></a>
		    		</li>
		    	</ul>
		    </div>
		</div>
	</div>
	<!-- shortcut end -->

	<!-- header start -->
      <div class="header-o">
      	  <div class="header w">
            <div class="header-logo"><!--logo制作-->
            	<h1>
            		<a href="#" title="品优购欢迎你" title="这是一个品优购logo">
            			品优购
            		</a>
            	</h1>
            </div>
            <div class="header-search">
            	<input type="text" placeholder="请输入搜索信息" class="fl">
            	<button class="fl">搜索</button>	
            </div>
            <!-- search结束 -->
            <div class="hotwords">
            	<ul>
            		<li><a href="#" style="color: #c81c1a">优惠购首发</a></li>
            		<li><a href="#">亿元优惠</a></li>
            		<li><a href="#">9.9元团购</a></li>
            		<li><a href="#">美满99减30</a></li>
            		<li><a href="#">办公用品</a></li>
            		<li><a href="#">电脑</a></li>
            		<li><a href="#">通信</a></li>
            	</ul>
            </div>
            <!-- hotwords end -->
            <!-- shopping start -->
            <div class="shopping">
            	<i></i><a href="#">我的购物车</a><p></p>
            	<span>0</span>
            </div>
            <!-- shopping end -->
       </div>
      </div>
	<!-- header end -->
  
	<!-- nav start -->
	<div class="nav">
		<div class="w nav-c">
			<div class="dorpdown fl ">
			    <div class="dt">
			       <a href="#">全部商品分类</a>
			    </div>
			    <div class="dd">
			   	   <ul>
			   	   	<li><a href="#">家用电器</a><i></i></li>
			   	   	<li><a href="list.html" target="block">手机/运营商/数码</a><i></i></li>
			   	   	<li><a href="#">电脑/办公</a><i></i></li>
			   	   	<li><a href="#">家居/家具/家装/厨具</a><i></i></li>
			   	   	<li><a href="#">男装/女装/童装/内衣</a><i></i></li>
			   	   	<li><a href="#">美妆/个护清洁/宠物</a><i></i></li>
			   	   	<li><a href="#">女鞋/箱包/钟表/珠宝</a><i></i></li>
			   	   	<li><a href="#">男鞋/运动/户外</a><i></i></li>
			   	   	<li><a href="#">房产/汽车/汽车用品</a><i></i></li>
			   	   	<li><a href="#">母婴/玩具乐器</a><i></i></li>
			   	   	<li><a href="#">食品/酒类/生鲜/特产</a><i></i></li>
			   	   	<li><a href="#">艺术/礼品鲜花/农资绿植</a><i></i></li>
			   	   	<li><a href="#">医药保健/计生情趣</a><i></i></li>
			   	   	<li><a href="#">图书/文娱/电子书</a><i></i></li>
			   	   	<li><a href="#">机票/酒店/旅游/生活</a><i></i></li>
			   	   </ul>
			   </div>
			</div>
			<!-- navitems start -->
			 <div class="navitems fl">
		    	<ul class="fl">
		    		<li><a href="#">服装城</a></li>
		    		<li><a href="#">美妆馆</a></li>
		    		<li><a href="#">传智超市</a></li>
		    		<li><a href="#">全球购</a></li>
		    		<li><a href="#">闪购</a></li>
		    		<li><a href="#">团购</a></li>
		    		<li><a href="#">拍卖</a></li>
		    		<li><a href="#">有趣</a></li>
		    	</ul>
		    </div>
		    <!-- navitems end -->
		</div>
	</div>
	<!-- nav end-->

	<!-- solideshow 轮播图start -->
     <div class="w">
     	 <div class="solideshow">
        	<div class="solideshow-l fl">
        	    <a href="#" class="arrow-l">&gt;</a>
        	    <a href="#" class="arrow-r">&lt;</a>
        		<a href="#" class="solideshow-img" title="手机全民节"><!-- <img data-lazy-src="../img/bg.png" alt=""> --></a>
        		<ul class="circle">
        			<li></li>
        			<li></li>
        			<li></li>
        			<li></li>
        			<li></li>
        		</ul>
          </div> 
          <div class="solideshow-r fr">
        	<!-- report start -->
        		<div class="report">
        			<h6 class="fl">品优购快报</h6>
        			<a href="#" class="fr">更多 <i></i></a>
        		</div>
        	<!-- report end-->
            
         <!-- report-list start -->
        		<div class="report-list">
        			<ul>
        				<li><a href="#"><em>[特惠]</em>&nbsp;备战开学季&nbsp; 全民半价购数码</a></li>
        				<li><a href="#"><em>[公告]</em>&nbsp;品优稳占家电网购六成份额</a></li>
        				<li><a href="#"><em>[特惠]</em>&nbsp;百元中秋全品类礼券限量领</a></li>
        				<li><a href="#"><em>[公告]</em>&nbsp;尚品优生鲜&nbsp;享阳澄湖擦闸蟹</a></li>
        				<li><a href="#"><em>[特惠]</em>&nbsp;每日享折扣品优品质游</a></li>
        			</ul>
        		</div>
        <!-- report-list end -->
             
        <!-- solideshow-help start -->
           <div class="solideshow-help">
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtua"></i><p>话费</p></a></li>
           	   </ul>
           	   <!-- 1 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtub"></i><p>机票</p></a> <span></span></li>
           	   </ul>
           	   <!-- 2 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtuc"></i><p>电影票</p></a></li>
           	   </ul>
           	   <!-- 3 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtud"></i><p>游戏</p></a></li>
           	   </ul>
           	   <!-- 4 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtue"></i><p>彩票</p></a></li>
           	   </ul>
           	   <!-- 5 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtuf"></i><p>加油卡</p></a></li>
           	   </ul>
           	   <!-- 6 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtug"></i><p>酒店</p></a></li>
           	   </ul>
           	   <!-- 7 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtuh"></i><p>火车票</p></a></li>
           	   </ul>
           	   <!-- 8 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtui"></i><p>众筹</p></a></li>
           	   </ul>
           	   <!-- 9 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtuj"></i><p>理财</p></a></li>
           	   </ul>
           	   <!-- 10 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtuk"></i><p>礼品卡</p></a></li>
           	   </ul>
           	   <!-- 11 -->
           	   <ul>
           	   	 <li class="solideshow-help-one"><a href="#"><i class="jinglingtul"></i><p>白条</p></a></li>
           	   </ul>
           	   <!-- 12 -->
           </div>
        <!-- solideshow-help end -->
             <!-- img start -->
             <div class="solideshow-img">
             	<img data-lazy-src="../img/l.jpg" alt="这是一个图片" title="点击我哦">
             </div>
             <!-- img end -->
        </div>
      </div>
    </div>
    <!-- solideshow 轮播图end -->
    
    <!--todaygive start  -->
    <div class="todaygive w">
    	<div class="today-give-l fl">
    		<a href="#"><img data-lazy-src="../img/clock.png" alt="这是一个图片" title="今日推荐"><h5>今日推荐</h5></a>
    	</div>
    	<div class="today-give-r fl">
    		<ul>
    			<li><a href="#"><img data-lazy-src="../upload/maojin.png" alt="这是一个图片" title="点我购买哦"></a></li>
    			<li><a href="#"><img data-lazy-src="../upload/pic.jpg" alt="这是一个图片" title="点我购买哦"></a></li>
    			<li><a href="#"><img data-lazy-src="../upload/maoyi.png" alt="这是一个图片" title="点我购买哦"></a></li>
    			<li><a href="#"><img data-lazy-src="../upload/biao.png" alt="这是一个图片" title="点我购买哦"></a></li>
    		</ul>
    	</div>
    </div>
    <!--todaygive start  -->

      <!-- favoiter start -->
    <div class="favoite w menu">
    	<h4 class="fl">猜你喜欢</h4>
    	<div class="favoite-r fr">
    		<a href="#">换一批<i></i></a>
    	</div>
    </div>

   <div class="favoiter w">
    <div class="favoiter-o">
      <div class="favoiter-t fl">
    		<div class="favoiter-t-t">
    		     <a href="#">
    		     	<img data-lazy-src="../upload/hongdjb_03.png" alt="这是一个图片" title="超拉风大麻袋">
    		     </a>
    	    </div>
    	    <div class="favoiter-b">
    	    	<a href="#">阳光美包新款单肩包女包时尚子母包四件套女</a>
    	    	<span class="fl">￥</span>
    	    	<h5 class="fl">116.00</h5>
    	    </div>
    	</div>
    	<!-- 1 -->
    	<div class="favoiter-t fl">
    		<div class="favoiter-t-t">
    		     <a href="#">
    		     	<img data-lazy-src="../upload/jabra.png" alt="这是一个图片" title="防护罩雨伞">
    		     </a>
    	    </div>
    	    <div class="favoiter-b">
    	    	<a href="#">中国红牌冰雹天大雪天暴雨天专用雨伞</a>
    	    	<span class="fl">￥</span>
    	    	<h5 class="fl">116.00</h5>
    	    </div>
    	</div>
    	<!-- 2 -->
    	<div class="favoiter-t fl">
    		<div class="favoiter-t-t">
    		     <a href="#">
    		     	<img data-lazy-src="../upload/myla.jpg" title="爽歪歪沐浴露" alt="这是一个图片">
    		     </a>
    	    </div>
    	    <div class="favoiter-b">
    	    	<a href="#">中国红牌爽歪歪沐浴露便宜带回家用过都说好</a>
    	    	<span class="fl">￥</span>
    	    	<h5 class="fl">116.00</h5>
    	    </div>
    	</div>
    	<!-- 3 -->
    	<div class="favoiter-t fl">
    		<div class="favoiter-t-t">
    		     <a href="#">
    		     	<img data-lazy-src="../upload/ccg.png" alt="这是一个图片" title="不锈钢炒菜锅">
    		     </a>
    	    </div>
    	    <div class="favoiter-b">
    	    	<a href="#">中国红牌耐炒菜牌抗砸牌很好用不锈钢炒菜锅</a>
    	    	<span class="fl">￥</span>
    	    	<h5 class="fl">116.00</h5>
    	    </div>
    	</div>
    	<!-- 4 -->
    	<div class="favoiter-t fl">
    		<div class="favoiter-t-t">
    		     <a href="#">
    		     	<img data-lazy-src="../upload/sanxingsj.png" title="易爆炸手机" alt="这是一个图片">
    		     </a>
    	    </div>
    	    <div class="favoiter-b">
    	    	<a href="#">韩国红三星易爆炸手机谁用就炸谁哈哈哈</a>
    	    	<span class="fl">￥</span>
    	    	<h5 class="fl">116.00</h5>
    	    </div>
    	</div>
        <!-- 5 -->
        <div class="favoiter-t fl">
    		<div class="favoiter-t-t">
    		     <a href="#">
    		     	<img data-lazy-src="../upload/oupudeng_03.png" title="车头大灯" alt="这是一个图片">
    		     </a>
    	    </div>
    	    <div class="favoiter-b">
    	    	<a href="#">安装车头防远光灯大白灯闪闪闪敢远你就闪</a>
    	    	<span class="fl">￥</span>
    	    	<h5 class="fl">116.00</h5>
    	    </div>
    	</div>
        <!-- 6 -->
    </div>
   </div>

      <!-- favoiter end -->
  
       <!-- menu start -->
    <div class="menu w">
    	<h4 class="fl cf3">传智播客·有趣区</h4>
    </div>
    <!-- menu 结束 -->
    <!-- intransted   start -->
    <div class="intransted w">
    	<div class="intransted-a fl">
    		<a href="#">
    			<img data-lazy-src="../upload/topbang.png" alt="这是一个图片" title="点击购买哦">
    		</a>
    	</div>
    	<!-- a --> 
        <div class="intransted-b fl">
        	<div class="intransted-b-t">
        		好东西
        	</div>
        	<div class="intransted-b-c">
        		<a href="#">
        			<img data-lazy-src="../upload/leishen.png" alt="这是一个图片" title="雷神键盘,你值得拥有！">
        		</a>
        	</div>
        	<div class="intransted-b-b">
        		<a href="#">
        			<img data-lazy-src="../upload/shouyi_03.png" alt="这是一个图片" title="点击购买哦">
        		</a>
        	</div>
        </div>
        <!-- b -->
        <div class="intransted-c fl">
           <div class="intransted-c-e">
           	  品牌街
           </div>
           <div class="intransted-c-t fl">
           	    <a href="#">
           	    	<img data-lazy-src="../upload/suboer.png" alt="这是一个图片" title="点击购买哦">
           	    </a>
           </div>
           <div class="intransted-c-c fl">
           	    <a href="#">
           	    	<img data-lazy-src="../upload/baixie_03.png" alt="这是一个图片" title="点击购买哦">
           	    </a>
           </div>
           <div class="intransted-c-b fl">
           	     <a href="#">
           	    	<img data-lazy-src="../upload/temaa.png" alt="这是一个图片" title="点击购买哦">
           	    </a>
           </div> 
        </div>
        <!-- c -->
       <div class="intransted-d fl">
       	  <ul class="intransted-d-s">
       	  	<li class="intransted-d-s-c">
       	  	    <a href="#" class="intransted-d-s-l">
       	  	    	<img data-lazy-src="../upload/huaweia.png" alt="这是一个图片" title="华为">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-s-r">
       	  	    	<img data-lazy-src="../upload/sony.png" alt="这是一个图片" title="索尼">
       	  	    </a>
       	  	</li>
       	  	<!-- 1 -->
       	  	<li class="intransted-d-t">
                <a href="#" class="intransted-d-t-l fl">
       	  	    	<img data-lazy-src="../upload/meizua.png" alt="这是一个图片" title="魅族">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-t-r fl">
       	  	    	<img data-lazy-src="../upload/leshia.png" alt="这是一个图片" title="乐视">
       	  	    </a>
       	  	</li>
       	  	<!-- 2 -->
       	  	<li class="intransted-d-t">
                <a href="#" class="intransted-d-t-l fl">
       	  	    	<img data-lazy-src="../upload/meizua.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-t-r fl">
       	  	    	<img data-lazy-src="../upload/xiaomia.png" alt="这是一个图片" title="小米,为发烧而生!">
       	  	    </a>
       	  	</li>
       	  	<!-- 3 -->
       	  	<li class="intransted-d-t">
                <a href="#" class="intransted-d-t-l fl">
       	  	    	<img data-lazy-src="../upload/vivoa.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-t-r fl">
       	  	    	<img data-lazy-src="../upload/sanxinga.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	</li>
       	  	<!-- 4 -->
       	  	<li class="intransted-d-t">
                <a href="#" class="intransted-d-t-l fl">
       	  	    	<img data-lazy-src="../upload/oppoa.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-t-r fl">
       	  	    	<img data-lazy-src="../upload/gulici.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	</li>
       	  	<!-- 5 -->
       	    <li class="intransted-d-t">
                <a href="#" class="intransted-d-t-l fl">
       	  	    	<img data-lazy-src="../upload/meidi.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-t-r fl">
       	  	    	<img data-lazy-src="../upload/lining.png" alt="这是一个图片" title="点击购买哦"">
       	  	    </a>
       	  	</li>
       	  	<!-- 6 -->
       	  	<li class="intransted-d-t">
                <a href="#" class="intransted-d-t-l fl">
       	  	    	<img data-lazy-src="../upload/antaa.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	    <a href="#" class="intransted-d-t-r fl">
       	  	    	<img data-lazy-src="../upload/supor.png" alt="这是一个图片" title="点击购买哦">
       	  	    </a>
       	  	</li>
       	  	<!-- 7 -->
       	  </ul>
       </div>
    </div>
    <!-- intransted   end -->

    <!-- 楼层区floor start -->
     <!-- menu start -->
    <div class="menu w">
    	<h4 class="fl cf3">家用电器</h4>
    	<div class="menu-r fr">
    		<ul>
    			<li><a href="#" style="color: #CF3349;">热门</a></li>
    			<li class="space"></li>
    			<li><a href="#">大家电</a></li>
    			<li class="space"></li>
    			<li><a href="#">生活电器</a></li>
    			<li class="space"></li>
    			<li><a href="#">厨房电器</a></li>
    			<li class="space"></li>
    			<li><a href="#">个护健康</a></li>
    			<li class="space"></li>
    			<li><a href="#">应季电器</a></li>
    			<li class="space"></li>
    			<li><a href="#">空气/净水</a></li>
    			<li class="space"></li>
    			<li><a href="#">新奇特</a></li>
    			<li class="space"></li>
    			<li><a href="#">高端电器</a></li>
    		</ul>
    	</div>
    </div>
    <!-- menu 结束 -->
    <div class="floor w">
         <div class="floor-a">
         	<ul class="floor-a-t">
         		<li>节能补贴</li>
         		<li>4k电视</li>
         		<li>空气净化器</li>
         		<li>IH电饭煲</li>
         		<li>滚筒洗衣机</li>
         		<li>电热水器</li>
         	</ul>
         	<a href="#"><img data-lazy-src="../upload/dianshiji.jpg" alt="这是一个电视机图片" title="点我购买哈"></a>
         </div>
         <div class="floor-b">
         	<a href="#"><img data-lazy-src="../upload/dierge.jpg" alt="这是一个电水壶图片" title="点我购买哈"></a>
         </div>
         <div class="floor-c">
         	<div class="floor-c-t">
         		<a href="#"><img data-lazy-src="../upload/hongpei.jpg" alt="图片" title="点我购买哈"></a>
         	</div>
         	<div class="floor-c-b">
         		<a href="#"><img data-lazy-src="../upload/dianshijit.jpg" alt="图片" title="点我购买哈"></a>
         	</div>
         </div>
         <div class="floor-d">
         	<a href="#"><img data-lazy-src="../upload/datu.jpg" alt="图片" title="电视购物节"></a>
         </div>
         <div class="floor-e">
         	<div class="floor-e-t">
         		<a href="#"><img data-lazy-src="../upload/kongtiao.jpg" alt="图片" title="点我购买哈"></a>
         	</div>
         	<div class="floor-e-b">
         		<a href="#"><img data-lazy-src="../upload/dianfengshan.jpg" alt="图片" title="点我购买哈"></a>
         	</div>
         </div>
    </div>
    <!-- 楼层区 end-->

    <!-- brand start -->
    <div class="brand w">
    	<ul>
    		<li><a href=""><img data-lazy-src="../upload/beluair.jpg" alt="这是一个链接"
    		title="Beluair 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/FLYCO.png" alt="这是一个链接" title="飞科 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/Midea.png" alt="这是一个链接" title="美的 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/GREE.png" alt="这是一个链接"
    		title="格力 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/TCL.png" alt="这是一个链接"
    		title="TCL 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/CHANGHONE.png" alt="这是一个链接" title="长虹 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/PHILIPS.png" alt="这是一个链接" title="PHILIPS 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/WANHE.png" alt="这是一个链接" title="万和 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/Hisense.png" alt="这是一个链接" title="Hisense 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/SIEMENS.png" alt="这是一个链接" title="SIEMENS 官网"></a></li>
    	</ul>
    </div>
     <!-- brand end -->
 
  <!-- 楼层区floor start -->
     <!-- menu start -->
    <div class="menu w">
    	<h4 class="fl cf3">手机通讯</h4>
    	<div class="menu-r fr">
    		<ul>
    			<li><a href="#" style="color: #CF3349;">热门</a></li>
    			<li class="space"></li>
    			<li><a href="#">品质优选</a></li>
    			<li class="space"></li>
    			<li><a href="#">店铺精选</a></li>
    			<li class="space"></li>
    			<li><a href="#">新机尝鲜</a></li>
    			<li class="space"></li>
    			<li><a href="#">高性价比</a></li>
    			<li class="space"></li>
    			<li><a href="#">口碑推选</a></li>
    			<li class="space"></li>
    			<li><a href="#">合约机</a></li>
    			<li class="space"></li>
    			<li><a href="#">手机卡</a></li>
    			<li class="space"></li>
    			<li><a href="#">手机配件</a></li>
    		</ul>
    	</div>
    </div>
    <!-- menu 结束 -->
    <div class="floor w">
         <div class="floor-a">
         	<ul class="floor-a-t">
         		<li>手机通讯</li>
         		<li>以旧换新</li>
         		<li>双卡双待</li>
         		<li>自营配件</li>
         		<li>金属机身</li>
         		<li>高清屏</li>
         	</ul>
         	<a href="#"><img data-lazy-src="../upload/zhongxing.png" alt="这是一个电视机图片" title="点我购买哈"></a>
         </div>
         <div class="floor-b">
         	<a href="#"><img data-lazy-src="../upload/360N4s.png" alt="这是一个电水壶图片" title="点我购买哈"></a>
         </div>
         <div class="floor-c">
         	<div class="floor-c-t">
         		<a href="#"><img data-lazy-src="../upload/moto.png" alt="图片" title="点我购买哈"></a>
         	</div>
         	<div class="floor-c-b">
         		<a href="#"><img data-lazy-src="../upload/lemax2.png" alt="图片" title="点我购买哈"></a>
         	</div>
         </div>
         <div class="floor-d">
         	<a href="#"><img data-lazy-src="../upload/huweic9.png" alt="图片" title="电视购物节"></a>
         </div>
         <div class="floor-e">
         	<div class="floor-e-t">
         		<a href="#"><img data-lazy-src="../upload/V8.png" alt="图片" title="点我购买哈"></a>
         	</div>
         	<div class="floor-e-b">
         		<a href="#"><img data-lazy-src="../upload/vivo x7.png" alt="图片" title="点我购买哈"></a>
         	</div>
         </div>
    </div>
    <!-- 楼层区 end-->

        <!-- brand start -->
    <div class="brand w">
    	<ul>
    		<li><a href=""><img data-lazy-src="../upload/yidong.png" alt="这是一个链接"
    		title="中国移动"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/liantong.jpg" alt="这是一个链接" title="中国联通"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/apple.jpg" alt="这是一个链接" title="APPLE 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/xiaomi.jpg" alt="这是一个链接"
    		title="小米手机官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/huawei.jpg" alt="这是一个链接"
    		title="华为荣耀手机"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/hwtb.png" alt="这是一个链接" title="华为手机官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/sanxing.png" alt="这是一个链接" title="三星手机官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/meizu.png" alt="这是一个链接" title="魅族手机官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/oppo.png" alt="这是一个链接" title="OPPO手机官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/sjaq.png" alt="这是一个链接" title="360手机官网"></a></li>
    	</ul>
    </div>
     <!-- brand end -->

     <!-- 楼层区floor start -->
     <!-- menu start -->
    <div class="menu w">
    	<h4 class="fl cf3">电脑办公</h4>
    	<div class="menu-r fr">
    		<ul>
    			<li><a href="#" style="color: #CF3349;">热门</a></li>
    			<li class="space"></li>
    			<li><a href="#">电脑/平板</a></li>
    			<li class="space"></li>
    			<li><a href="#">潮流影音</a></li>
    			<li class="space"></li>
    			<li><a href="#">智能/外设</a></li>
    			<li class="space"></li>
    			<li><a href="#">DIY硬件</a></li>
    			<li class="space"></li>
    			<li><a href="#">电竞游戏</a></li>
    			<li class="space"></li>
    			<li><a href="#">办公/网络</a></li>
    			<li class="space"></li>
    			<li><a href="#">文具电教</a></li>
    			<li class="space"></li>
    			<li><a href="#">精选配件</a></li>
    		</ul>
    	</div>
    </div>
    <!-- menu 结束 -->
    <div class="floor w">
         <div class="floor-a">
         	<ul class="floor-a-t">
         		<li>SSD硬盘</li>
         		<li>4显示器</li>
         		<li>机械键盘</li>
         		<li>台式机</li>
         		<li>组装电脑</li>
         		<li>配件专区</li>
         	</ul>
         	<a href="#"><img data-lazy-src="../upload/waixingren.png" alt="这是一个电视机图片" title="点我购买哈"></a>
         </div>
         <div class="floor-b">
         	<a href="#"><img data-lazy-src="../upload/photo.png" alt="这是一个电水壶图片" title="点我购买哈"></a>
         </div>
         <div class="floor-c">
         	<div class="floor-c-t">
         		<a href="#"><img data-lazy-src="../upload/bijiben.png" alt="图片" title="点我购买哈"></a>
         	</div>
         	<div class="floor-c-b">
         		<a href="#"><img data-lazy-src="../upload/jianpan_03.png" alt="图片" title="点我购买哈"></a>
         	</div>
         </div>
         <div class="floor-d">
         	<a href="#"><img data-lazy-src="../upload/potuoc.png" alt="图片" title="电视购物节"></a>
         </div>
         <div class="floor-e">
         	<div class="floor-e-t">
         		<a href="#"><img data-lazy-src="../upload/pianyikongtiao.png" alt="图片" title="点我购买哈"></a>
         	</div>
         	<div class="floor-e-b">
         		<a href="#"><img data-lazy-src="../upload/shoubiao.png" alt="图片" title="点我购买哈"></a>
         	</div>
         </div>
    </div>
    <!-- 楼层区 end-->

        <!-- brand start -->
    <div class="brand w">
    	<ul>
    		<li><a href=""><img data-lazy-src="../upload/APPO.png" alt="这是一个链接"
    		title="中国移动"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/SAMSUNG.png" alt="这是一个链接" title="三星 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/tp-link.png" alt="这是一个链接" title="TP-LINK 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/ThinkPad.png" alt="这是一个链接"
    		title="ThinkPad 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/beats.png" alt="这是一个链接"
    		title="Beats 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/DELL.png" alt="这是一个链接" title="DELL 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/GoPro.png" alt="这是一个链接" title="GoPro 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/INTEL.png" alt="这是一个链接" title="INTEL 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/hp.png" alt="这是一个链接" title="Http 官网"></a></li>
    		<li><a href=""><img data-lazy-src="../upload/Hasee.png" alt="这是一个链接" title="Hasee 官网"></a></li>
    	</ul>
    </div>
     <!-- brand end -->
     
      <!-- menu start -->
      <div class="menu w">
    	<h4 class="fl cf3">热门疯抢</h4>
    	</div>
      <!-- menu end -->
      <!-- hotshop start -->
      <div class="hotshop w">
      	  <ul>
      	  	<li class="hotshop-a">
      	  	   <a href="#">
      	  	   	  <img data-lazy-src="../upload/vR_03.png" alt="这是一个图片" title="暴风VR眼镜">
      	  	   </a>
      	  	</li>
      	  	<li class="hotshop-b">
      	  	      <a href="#" class="hotshop-b-t"><img data-lazy-src="../upload/yuboyidongdianyuan_03.png" alt="这是一个图片" title="羽博 Z3移动充电器"></a>
                  <a href="#" class="hotshop-b-b"><img data-lazy-src="../upload/xiaojiejie_03.png" alt="这是一个图片" title="小姐姐"></a>
      	  	</li>
      	  	<!-- 复制开始 -->
      	  	<li class="hotshop-b">
      	  	      <a href="#" class="hotshop-b-t"><img data-lazy-src="../upload/xiaoyinxiang_03.png" alt="这是一个图片" title="点我购买哦"></a>
                  <a href="#" class="hotshop-b-b"><img data-lazy-src="../upload/xiaojiejie_03.png" alt="这是一个图片" title="小姐姐"></a>
      	  	</li>
      	  	<!-- 1 -->
      		<li class="hotshop-b">
      	  	      <a href="#" class="hotshop-b-t"><img data-lazy-src="../upload/xiaojiejie_03.png" alt="这是一个图片" title="小姐姐"></a>
                  <a href="#" class="hotshop-b-b"><img data-lazy-src="../upload/fugu_03.png" alt="这是一个图片" title="小姐姐"></a>
      	  	</li>

      	  	<!-- 复制结束 -->
      	  	<li class="hotshop-e">
      	  	     <a href="#">
      	  	     	<img data-lazy-src="../upload/bigtu_03.png" alt="这是一个图片">
      	  	     </a>
      	  	</li>
      	  </ul>
      </div>
    <!-- hotshop end -->

    <!-- 固定电梯导航栏 start -->
    <div class="fixedtool">
       <ul>
       	<li class="current">猜你喜欢</li>
       	<li>传智播客·有趣区</li>
       	<li>家用电器</li>
       	<li>手机通讯</li>
       	<li>电脑办公</li>
       	<li>热门疯抢</li>
       </ul>
    </div>
    <!-- 固定电梯导航栏 end-->

    <!-- footer stare  -->
    <div class="footer">
      <!-- feature start -->
      <div class="feature w">
      	 <ul class="feature-box">
      	 	<li>
      	 		<i class="fl feature-zheng"></i>
      	 		<h5>正品保障</h5>
      	 		<p>正品保障,提供发票</p>
      	 	</li>
      	 	<!-- 1 -->
      	 	<li>
      	 		<i class="fl feature-kuai"></i>
      	 		<h5>急速物流</h5>
      	 		<p>急速物流,急速送达</p>
      	 	</li>
      	 	<!-- 2 -->
      	 	<li>
      	 		<i class="fl feature-none"></i>
      	 		<h5>无忧售后</h5>
      	 		<p>7天无理由退换货</p>
      	 	</li>
      	 	<!-- 3 -->
      	 	<li>
      	 		<i class="fl feature-serve"></i>
      	 		<h5>特色服务</h5>
      	 		<p>私人订制家电套餐</p>
      	 	</li>
      	 	<!-- 4 -->
      	 	<li>
      	 		<i class="fl  feature-help"></i>
      	 		<h5>帮助中心</h5>
      	 		<p>你的购物指南</p>
      	 	</li>
      	 	<!-- 5-->
      	 </ul>
      </div>
      <!-- feature end -->
      <!-- help start -->
      <div class="help w">
      	  <div class="help-l">
      	  	<dl>
      	  		<dt>购物指南</dt>
      	  		<dd><a href="#">购物流程</a></dd>
      	  		<dd><a href="#">会员介绍</a></dd>
      	  		<dd><a href="#">生活旅行/团购</a></dd>
      	  		<dd><a href="#">常见问题</a></dd>
      	  		<dd><a href="#">大家电</a></dd>
      	  		<dd><a href="#">联系客服</a></dd>
      	  	</dl>
      	  	<!-- 1 -->
      	  	<dl>
      	  		<dt>配送方式</dt>
      	  		<dd><a href="#">上门自提</a></dd>
      	  		<dd><a href="#">211限时达</a></dd>
      	  		<dd><a href="#">配送服务查询</a></dd>
      	  		<dd><a href="#">配送费收费标准</a></dd>
      	  		<dd><a href="#">海外配送</a></dd>
      	  	</dl>

      	  	<!-- 2 -->
      	  	<dl>
      	  		<dt>支付方式</dt>
      	  		<dd><a href="#">货到服务</a></dd>
      	  		<dd><a href="#">在线服务</a></dd>
      	  		<dd><a href="#">分期付款</a></dd>
      	  		<dd><a href="#">邮局汇款</a></dd>
      	  		<dd><a href="#">公司转账</a></dd>
      	  	</dl>

      	  	<!-- 3 -->
      	 	<dl>
      	  		<dt>售后服务</dt>
      	  		<dd><a href="#">售后政策</a></dd>
      	  		<dd><a href="#">价格保护</a></dd>
      	  		<dd><a href="#">退款说明</a></dd>
      	  		<dd><a href="#">返修/退换货</a></dd>
      	  		<dd><a href="#">取消订单</a></dd>
      	  	</dl>

      	  	<!-- 4 -->
      	  	<dl>
      	  		<dt>特色服务</dt>
      	  		<dd><a href="#">夺宝岛</a></dd>
      	  		<dd><a href="#">DIY装机</a></dd>
      	  		<dd><a href="#">延保服务</a></dd>
      	  		<dd><a href="#">品优购E卡</a></dd>
      	  		<dd><a href="#">品优购通信</a></dd>
      	  	</dl>

      	  	<!-- 5 -->
      	  	<dl class="help-h">
      	  		<dt>帮助中心</dt>
      	  		<dd class="help-h-e"><a href="#"></a></dd>
      	  		<dd><a href="#">品优购客户端</a></dd>
      	  	</dl>

      	  </div>
      	  <div class="help-r"></div>
      </div>
      <!-- help end -->
      <!-- href start -->
      <div class="href w">
      	<ul>
      		<li><a href="#">关于我们</a></li>
      		<li class="space"></li>
      		<li><a href="#">联系我们</a></li>
      		<li class="space"></li>
      		<li><a href="#">联系客服</a></li>
      		<li class="space"></li>
      		<li><a href="#">商家入驻</a></li>
      		<li class="space"></li>
      		<li><a href="#">营销中心</a></li>
      		<li class="space"></li>
      		<li><a href="#">手机品优购</a></li>
      		<li class="space"></li>
      		<li><a href="#">友情链接</a></li>
      		<li class="space"></li>
      		<li><a href="#">销售联盟</a></li>
      		<li class="space"></li>
      		<li><a href="#">品优购社区</a></li>
      		<li class="space"></li>
      		<li><a href="#">品优购公益</a></li>
      		<li class="space"></li>
      		<li><a href="#">English&nbsp;Site</a></li>
      		<li class="space"></li>
      		<li><a href="#">Contanct&nbsp;U</a></li>
      	</ul>
      	<h6 class="fl">地址:北京市昌平区建材城西路金燕龙办公楼一楼&nbsp;邮编:100096 电话:400-618-4000&nbsp;传真:010-82935100&nbsp;邮箱:zhanghj+itcast.cn</h6>
      	<p class="fl">京IC备08001421号京公网安备110108007702</p>
      </div>
      <!-- href end -->
	</div>
	<!-- 返回顶部小火箭 -->
     <div class="actGotop"><a href="javascript:;" title="Top"></a></div>
	<!-- footer end -->
	
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<!-- 懒加载脚本 -->
	<script src="../js/EasyLazyload.min.js"></script>
	<!-- 主入口脚本 -->
	<script src="../js/index.js"></script>
</body>
</html>